@charset "UTF-8";

.content {
    margin-bottom: 75px;
}

/*头部*/
.header {
    width: 100%;
}

.hd_top {
    height: 89px;
    padding-top: 21px;
}

.logo {
    display: block;
    width: 116px;
    height: 63px;
    overflow: hidden;
    float: left;
}

.logo img {
    display: block;
    width: 100%;
}

.hd_top .con1 {
    padding-left: 28px;
    border-left: 1px solid #e5e5e5;
    float: left;
    line-height: 36px;
    color: #666666;
    margin: 20px 0 0 30px;
    font-size: 16px;
}

.language {
    width: 135px;
    height: 38px;
    position: relative;
    margin: 20px 9px 0 18px;
    float: right;
}

.language .lan {
    background: url("../images/product_15.jpg") no-repeat 111px 15px #fff;
    position: absolute;
    border: 1px solid #eeeeee;
    width: 133px;
    padding: 6px 0;
    height: 24px;
    overflow: hidden;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.language .lan a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    padding-left: 47px;
}

.language .lan a.cn {
    background: url("../images/product_11.jpg") no-repeat 19px center;
}

.language .lan a.en {
    margin-top: 10px;
    background: none;
}

.language .lan:hover {
    height: 53px;
    background-image: url("../images/product_08.jpg");
}

.language .lan:hover a.en {
    margin-top: 5px;
}

.language .lan a:hover {
    color: #1077d6;
}

.hd_top .tel {
    color: #1077d6;
    float: right;
    padding-left: 29px;
    font-size: 20px;
    line-height: 36px;
    margin-top: 22px;
    background: url("../images/product_06.jpg") no-repeat left 7px;
    font-family: "open_sansregular";
}

.head {
    background: #1077d6;
}

.nav {
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}

.nav>li {
    float: left;
    width: 170px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.nav>li:first-child {
    width: 171px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.nav>li>a {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 52px;
    font-size: 15px;
}

.nav>li>a:hover,
.nav>li.on>a {
    background: #096fce;
}

/*over*/

/*banner*/
.ban {
    height: 282px;
}

.banner {
    width: 100%;
}

.flexslider {
    position: relative;
    clear: both;
    overflow: hidden;
    z-index: 1;
}

.flexslider .slides li {
    position: relative;
    width: 100%;
}

.flexslider .slides li a {
    position: relative;
    display: block;
    width: 100%;
}

.flexslider .slides li a img {
    width: 100%;
    display: block;
}

.flex-direction-nav {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.flexslider:hover .flex-direction-nav {
    opacity: 1;
    filter: alpha(opacity=100);
}

.flex-direction-nav li a {
    opacity: 0.87;
    filter: alpha(opacity=87);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    font-size: 0;
    text-indent: -9000px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.flex-direction-nav li a.flex-prev {
    left: 2.8%;
    background: url("../images/ban_prev.png") no-repeat center;
}

.flex-direction-nav li a.flex-next {
    right: 2.8%;
    background: url("../images/ban_next.png") no-repeat center;
}

.flex-direction-nav li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*.flex-direction-nav li a.flex-prev:hover{background: url("../images/index_80.png") no-repeat center #2987c7;border-color: #2e77d2;}*/
/*.flex-direction-nav li a.flex-next:hover{background: url("../images/index_82.png") no-repeat center #2987c7;border-color: #2e77d2;}*/
.flex-control-nav {
    display: none;
    padding: 0;
    position: absolute;
    bottom: 33px;
    left: 0;
    height: 24px;
    line-height: 24px;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 4px;
    padding: 0;
}

.flex-control-nav li a {
    border-radius: 12px;
    display: block;
    font-size: 0;
    color: transparent;
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
}

.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active {
    background-color: #fff;
}

/*over*/

/*内页菜单*/
.menu {
    background: #fafafc;
    border-bottom: 1px solid #ebebeb;
}

.menu2 {
    width: 840px;
    height: 62px;
    float: left;
    overflow-x: auto;
}

.menu2_wrap {
    overflow: hidden;
    width: 100%;
    height: 62px;
}

.menu2 a {
    display: block;
    float: left;
    padding: 0 17px;
    margin-right: 1px;
    font-size: 14px;
    color: #333333;
    line-height: 62px;
}

.menu2 a:hover,
.menu2 a.on {
    color: #fff;
    background: #066cca;
}

.bread {
    float: right;
    overflow: hidden;
}

.bread span,
.bread i {
    display: block;
    line-height: 62px;
    color: rgba(153, 153, 153, 0.6);
    float: left;
}

.bread a {
    display: block;
    line-height: 62px;
    color: rgba(153, 153, 153, 0.6);
    float: left;
    margin: 0 5px;
}

.bread a:hover {
    color: #1077d6;
}

/*over*/

/*首页*/
/*f1*/
/*.ind1{ width:1200px; position:relative;margin: 63px auto 33px;}*/
/*.ind1 .hd{ overflow:hidden;}*/
/*.ind1 .hd .prev,*/
/*.ind1 .hd .next{ display:block;  width:36px; height:36px;border: 1px solid #e4e4e4;border-radius: 100%; position: absolute;top:58px; overflow:hidden;  cursor:pointer;}*/
/*.ind1 .hd .prev{background: url("../images/index_33.png") no-repeat center;left: -130px;}*/
/*.ind1 .hd .next{background: url("../images/index_38.png") no-repeat center;right: -130px;}*/
/*@media (max-width: 1500px) {*/
/*.ind1 .hd .prev{left: -90px;}*/
/*.ind1 .hd .next{right: -90px;}*/
/*}*/
/*@media (max-width: 1400px) {*/
/*.ind1 .hd .prev{left: -50px;}*/
/*.ind1 .hd .next{right: -50px;}*/
/*}*/
/*/!*@media (max-width: 1400px) {*!/*/
/*/!*.ind1 .hd .prev{left: 100px;}*!/*/
/*/!*.ind1 .hd .next{right: 100px;}*!/*/
/*/!*}*!/*/
/*.ind1 .hd .prev:hover{background: url("../images/index_35.png") no-repeat center #1077d6;border-color:  #1077d6;}*/
/*.ind1 .hd .next:hover{background: url("../images/index_41.png") no-repeat center #1077d6;border-color: #1077d6;}*/
/*.ind1 .hd .pageState{display: none;}*/
/*.ind1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;display: none;}*/
/*.ind1 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}*/
/*.ind1 .hd ul li.on{ background-position:0 0; }*/
/*.ind1 .bd{width: 1200px;margin: 0 auto;overflow: hidden;}*/
/*.ind1 .bd ul{ overflow:hidden; zoom:1; }*/
/*.ind1 .bd ul li{width: 160px;margin-right: 100px; float:left; _display:inline; overflow:hidden; text-align:center;  }*/
/*.ind1 .bd ul li a{display: block;}*/
/*.ind1 .bd ul li a .ind1_icon{background-repeat: no-repeat; position: relative;background-position: center; width: 129px;height: 129px;border-radius: 100%;border: 1px solid transparent;margin: 0 auto;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}*/
/*.ind1 .bd ul li a .ind1_icon:before{border-radius: 100%; position: absolute;width: 107px;height: 107px;z-index: -1;border: 1px solid #c2c2c2; content: " ";left: 50%;top:50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}*/
/*.ind1 .bd ul li:hover a .ind1_icon:before{background-color: #1077d6;border-color: #1077d6;width: 117px;height: 117px;}*/
/*.ind1 .bd ul li:hover a .ind1_icon{border-color: #1077d6;}*/
/*.ind1 .bd ul li span{display: block;line-height: 26px;font-size: 16px;margin-top: 18px; color: #666666;height: 52px;overflow: hidden;text-align: center;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}*/
/*.ind1 .bd ul li:hover span{color: #1077d6;}*/
/*f2*/
.ind2 {
    padding: 71px 0 85px;
    background: #f4f4f4;
}

.ind2_tit {
    width: 1200px;
    margin: 0 auto 57px;
    text-align: center;
    background: url("../images/index_61.jpg") repeat-x left center;
}

.ind2_tit h5 {
    position: relative;
    display: inline-block;
    background: #f4f4f4;
    *display: inline;
    *zoom: 1;
    color: #272727;
    font-size: 24px;
    line-height: 34px;
    padding: 0 70px;
}

.ind2_tit h5:before {
    position: absolute;
    background: url("../images/index_58.png") no-repeat center;
    width: 12px;
    height: 12px;
    left: -1px;
    content: " ";
    top: 12px;
}

.ind2_tit h5:after {
    position: absolute;
    background: url("../images/index_58.png") no-repeat center;
    width: 12px;
    height: 12px;
    right: -1px;
    content: " ";
    top: 12px;
}

.ind2_list {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.ind2_list .hd {
    overflow: hidden;
}

.ind2_list .hd .prev,
.ind2_list .hd .next {
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid #bababa;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    overflow: hidden;
    cursor: pointer;
}

.ind2_list .hd .prev {
    background: url("../images/index_77.png") no-repeat center;
    left: -159px;
}

.ind2_list .hd .next {
    background: url("../images/index_83.png") no-repeat center;
    right: -159px;
}

@media (max-width: 1500px) {
    .ind2_list .hd .prev {
        left: -90px;
    }

    .ind2_list .hd .next {
        right: -90px;
    }
}

@media (max-width: 1400px) {
    .ind2_list .hd .prev {
        left: -60px;
    }

    .ind2_list .hd .next {
        right: -60px;
    }
}

.ind2_list .hd .prev:hover {
    background: url("../images/index_80.png") no-repeat center #1077d6;
    border-color: #1077d6;
}

.ind2_list .hd .next:hover {
    background: url("../images/index_85.png") no-repeat center #1077d6;
    border-color: #1077d6;
}

.ind2_list .hd .pageState {
    display: none;
}

.ind2_list .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    display: none;
}

.ind2_list .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
}

.ind2_list .hd ul li.on {
    background-position: 0 0;
}

.ind2_list .bd {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.ind2_list .bd ul {
    overflow: hidden;
    zoom: 1;
}

.ind2_list .bd ul li {
    width: 220px;
    height: 439px;
    margin-right: 25px;
    float: left;
    _display: inline;
    overflow: hidden;
}

.ind2_list .bd ul li a {
    display: block;
    position: relative;
    background: #000;
}

.ind2_list .bd ul li a:before {
    width: 204px;
    height: 423px;
    z-index: 3;
    border: 8px solid transparent;
    content: " ";
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.ind2_list .bd ul li a img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.ind2_list .bd ul li a .tit {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 25px 0;
    width: 170px;
    line-height: 48px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    text-align: center
}

.ind2_list .bd ul li a .cover {
    position: absolute;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 309px;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 130px 25px 0;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    width: 170px;
    -o-transition: .8s;
    transition: .8s;
}

.ind2_list .bd ul li a .cover span {
    display: block;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.ind2_list .bd ul li a .cover i {
    display: block;
    width: 19px;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    margin: 10px 0 12px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.ind2_list .bd ul li a .cover p {
    line-height: 24px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.6);
    height: 120px;
    font-size: 13px;
}

.ind2_list .bd ul li:hover a .cover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.ind2_list .bd ul li:hover a .tit {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ind2_list .bd ul li:hover a img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.ind2_list .bd ul li:hover a:before {
    border-color: #066cca;
}

/*f3*/
.ind3 {
    padding: 70px 0;
}

.ind3_tit {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.ind3_tit span {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 5px;
    font-size: 16px;
    text-align: center;
    color: #333333;
    line-height: 48px;
    width: 193px;
    height: 48px;
    border: 1px solid #c2c2c2;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.ind3_tit span.on,
.ind3_tit span:hover {
    border-color: #1077d6;
    background: #1077d6;
    color: #fff;
}

.ind3_con {
    display: none;
}

.ind3_con.on {
    display: block;
}

.ind3_con1:before {
    content: " ";
    left: 0;
    top: 206px;
    background: #ebebeb;
    width: 100%;
    height: 1px;
    position: absolute;
}

.ind3_con1:after {
    content: " ";
    left: 0;
    top: 340px;
    background: #ebebeb;
    width: 100%;
    height: 1px;
    position: absolute;
}

.ind3_list1 {
    width: 1280px;
    position: relative;
    margin: 0 auto;
}

.ind3_list1 .hd {
    overflow: hidden;
    width: 100px;
    position: absolute;
    right: -90px;
    top: 255px;
}

.ind3_list1 .hd .prev,
.ind3_list1 .hd .next {
    display: block;
    width: 36px;
    height: 36px;
    float: left;
    border: 1px solid #bababa;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}

.ind3_list1 .hd .prev {
    background: url("../images/index_33.png") no-repeat center;
    left: -159px;
}

.ind3_list1 .hd .next {
    background: url("../images/index_38.png") no-repeat center;
    right: -159px;
    float: right;
}

@media (max-width: 1500px) {
    .ind3_list1 .hd {
        width: 38px;
        right: -20px;
        top: 225px;
    }

    .ind3_list1 .hd .prev {
        margin-bottom: 20px;
    }
}

.ind3_list1 .hd .prev:hover {
    background: url("../images/index_35.png") no-repeat center #1077d6;
    border-color: #1077d6;
}

.ind3_list1 .hd .next:hover {
    background: url("../images/index_41.png") no-repeat center #1077d6;
    border-color: #1077d6;
}

.ind3_list1 .hd .pageState {
    display: none;
}

.ind3_list1 .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    display: none;
}

.ind3_list1 .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
}

.ind3_list1 .hd ul li.on {
    background-position: 0 0;
}

.ind3_list1 .bd {
    width: 1240px;
    margin: 0 auto;
    overflow: hidden;
}

.ind3_list1 .bd ul {
    overflow: hidden;
    zoom: 1;
}

.ind3_list1 .bd ul li {
    width: 1200px;
    padding: 40px 20px;
    float: left;
    _display: inline;
    height: 434px;
    overflow: hidden;
}

.ind3_list1 .bd ul li .case {
    margin-top: 33px
}

.ind3_list1 .bd ul li .case table tbody tr td {
    border-bottom: none !important;
}

.ind3_list1 .bd ul li .case table tbody tr:first-child td {
    border-top: none !important;
}

.ind3_a1 {
    display: block;
    width: 193px;
    height: 46px;
    border: 1px solid #e4e4e4;
    background: url("../images/product_42.png") no-repeat center;
    margin: 18px auto 0;
}

.ind3_a1:hover {
    border-color: #1077d6;
    background: url("../images/product_34.png") no-repeat center #1077d6;
}

.ind3_con2 {
    width: 1200px;
    margin: 70px auto 0;
}

.ind_new {
    margin-bottom: 100px;
}

.ind_new li {
    overflow: hidden;
    background: #f0f0f0;
}

.ind_new li .pic {
    position: relative;
    display: block;
    float: left;
    margin-left: -17px;
    width: 617px;
    overflow: hidden;
    height: 175px;
}

.ind_new li .pic:after {
    content: " ";
    position: absolute;
    top: 0;
    width: 17px;
    height: 175px;
    background: url("../images/ind3_new_bg_03.png");
    right: 0;
}

.ind_new li .pic img {
    display: block;
    width: 100%;
}

.ind_new li .con {
    float: left;
    display: block;
    width: 450px;
    height: 103px;
    overflow: hidden;
    padding: 28px 0 44px 34px;
}

.ind_new li .con i {
    font-style: normal;
    display: block;
    line-height: 20px;
    color: #99a1a4;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ind_new li .con span {
    display: block;
    line-height: 26px;
    color: #464d50;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ind_new li .con p {
    line-height: 20px;
    height: 40px;
    color: #99a1a4;
    margin-top: 17px;
}

.ind_new li.two .pic {
    float: right;
}

.ind_new li.two .pic:after {
    right: auto;
    left: 0;
    background-image: url("../images/ind3_new_bg_04.png");
}

.ind3_con3 {
    width: 1200px;
    margin: 70px auto 0;
    overflow: hidden;
}

.ind3_con3 .wrap {
    background: #f4f4f4;
    margin-bottom: 100px;
}

.ind3_con3 .pic {
    display: block;
    width: 600px;
    height: 352px;
    overflow: hidden;
    float: left;
}

.ind3_con3 .pic img {
    display: block;
    width: 100%;
}

.ind3_con3 .con {
    display: block;
    width: 480px;
    height: 196px;
    float: left;
    margin: 57px 0 0 45px;
}

.ind3_con3 .con span {
    display: block;
    line-height: 34px;
    color: #333333;
    font-size: 24px;
    margin-bottom: 18px;
}

.ind3_con3 .con p {
    height: 200px;
    overflow: hidden;
    line-height: 28px;
    color: #666666;
    font-size: 14px;
}



/*关于我们*/
/*公司简介*/
.about {
    padding-top: 80px;
}

.cs_tit1 {
    text-align: center;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
}

.abo_con1 {
    margin: 25px 0 27px;
}

.abo_con1 p {
    line-height: 28px;
    text-align: center;
}

.abo_pic {
    width: 1200px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.abo_pic .hd {
    overflow: hidden;
    width: 95px;
    padding: 10px 14px;
    height: 38px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.abo_pic .hd .prev,
.abo_pic .hd .next {
    display: block;
    width: 25px;
    height: 38px;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

.abo_pic .hd .prev {
    background: url("../images/about_03.png") no-repeat center;
}

.abo_pic .hd .next {
    background: url("../images/about_08.png") no-repeat center;
}

.abo_pic .hd .prev:hover {
    background: url("../images/about_05.png") no-repeat center;
}

.abo_pic .hd .next:hover {
    background: url("../images/about_11.png") no-repeat center;
}

.abo_pic .hd .pageState {
    line-height: 38px;
    color: rgba(235, 235, 235, 0.5);
    font-size: 14px;
    float: left;
    text-align: center;
    display: block;
    width: 45px;
}

.abo_pic .hd .pageState span {
    line-height: 38px;
    color: rgba(235, 235, 235, 0.5);
}

.abo_pic .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
    display: none;
}

.abo_pic .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
}

.abo_pic .hd ul li.on {
    background-position: 0 0;
}

.abo_pic .bd {}

.abo_pic .bd ul {
    overflow: hidden;
    zoom: 1;
}

.abo_pic .bd ul li {
    width: 1200px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.abo_pic .bd ul li img {
    display: block;
    width: 100%;
}

.abo_con2 {
    position: relative;
    z-index: 3;
    margin-top: -54px;
    overflow: hidden;
}

.abo_con2 .tit {
    font-size: 30px;
    text-align: center;
    width: 280px;
    height: 158px;
    float: left;
    margin: 0 50px 47px 0;
    background: #066cca;
    color: #fff;
    line-height: 158px;
}

.abo_con2 .con {
    margin-top: 94px;
    line-height: 28px;
}

.abo_con2 .con p {
    line-height: 28px;
    text-indent: 2em;
}

/*企业文化*/
.culture {
    background: #f6f6f6;
    padding: 55px 60px 35px;
    margin: 85px auto 0;
    width: 1200px;
}

.culture span {
    display: block;
    line-height: 28px;
    color: #333333;
    font-size: 18px;
}

.culture p {
    line-height: 28px;
    margin: 8px 0 60px;
}

/*发展历程*/
.develop {
    margin: 85px auto 0;
    background: url("../images/develop_06.jpg") repeat-y 296px top;
    padding-bottom: 40px;
    width: 1200px;
    position: relative;
}

.develop:before {
    content: " ";
    width: 1px;
    height: 24px;
    background: #fff;
    position: absolute;
    left: 296px;
    top: 0;
}

.develop li {
    overflow: hidden;
    padding-bottom: 40px;
}

.develop li .pic {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 55px;
    float: left;
}

.develop li .pic img {
    display: block;
    width: 100%;
}

.develop li .con {
    float: left;
    margin-top: 22px;
    overflow: hidden;
}

.develop li .con span {
    font-size: 18px;
    background: url("../images/develop.png") no-repeat center;
    float: left;
    display: block;
    width: 72px;
    text-align: center;
    height: 62px;
    color: #fff;
    line-height: 38px;
    padding-top: 43px;
    float: left;
}


.develop li .con i {
    float: left;
    display: block;
    line-height: 47px;
    font-weight: bold;
    font-size: 36px;
    font-family: "Arial";
    padding-top: 36px;
    margin-left: 32px;
    font-style: normal;
}

.develop li .con b {
    display: block;
    float: left;
    line-height: 38px;
    color: #6c7275;
    padding-top: 40px;
    font-size: 18px;
    margin-left: 10px;
}

.develop li .con p {
    float: left;
    line-height: 28px;
    margin: 46px 0 0 40px;
    color: #666666;
    width: 620px;
}

.develop li.li_1 .con span {
    background-color: #d84a56;
}

.develop li.li_1 .con i {
    color: #d84a56;
}

.develop li.li_2 .con span {
    background-color: #f9a21e;
}

.develop li.li_2 .con i {
    color: #f9a21e;
}

.develop li.li_3 .con span {
    background-color: #48ab3f;
}

.develop li.li_3 .con i {
    color: #48ab3f;
}

.develop li.li_4 .con span {
    background-color: #4eacce;
}

.develop li.li_4 .con i {
    color: #4eacce;
}

.develop li.li_5 .con span {
    background-color: #29bec7;
}

.develop li.li_5 .con i {
    color: #29bec7;
}


.qywh li .con span {}

.qywh li .con i {
    font-size: 22px;
    display: block;
    float: none;
    padding-top: 0;
    margin-left: 100px;
    margin-top: 10px;
}

.qywh li .con p {
    display: block;
    float: none;
    margin: auto;
    margin-left: 100px;
    margin-top: 15px;
}

.qywh li .con b {

    height: 2px;

    padding: 0;

    width: 50px;

    display: inline-block;

    background-color: #9e9e9e4f;

    display: none;
}

/*企业环境*/
.environment {
    overflow: hidden;
    padding-top: 57px;
    width: 1200px;
    margin: 0 auto;
}

.environment li {
    float: left;
    width: 380px;
    height: 344px;
    overflow: hidden;
    margin: 18px 30px 0 0;
}

.environment li.three {
    margin-right: 0;
}

.environment li .pic {
    width: 380px;
    height: 238px;
    overflow: hidden;
    margin-top: 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.environment li .pic img {
    width: 100%;
    display: block;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.environment li .con {
    padding: 6px 23px 0;
    height: 90px;
    background: url("../images/environment_22.png") no-repeat 336px 64px #f4f4f4;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.environment li .con span {
    display: block;
    line-height: 46px;
    font-size: 14px;
    color: #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.environment li .con i {
    display: block;
    padding-left: 22px;
    line-height: 32px;
    font-family: "Arial";
    color: #d4d4d4;
    font-size: 13px;
    background: url("../images/environment_16.png") no-repeat left center;
    font-style: normal;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.environment li:hover .pic {
    margin-top: 0;
}

.environment li:hover .pic img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.environment li:hover .con span {
    color: #1077d6;
}

/*荣誉资质*/
.honor {
    overflow: hidden;
    margin: 85px auto 0;
    padding: 98px 96px 0;
    background: url("../images/honor_bg.jpg") no-repeat center;
    width: 1008px;
}

.honor li {
    background: url("../images/honor_10.png") no-repeat left bottom;
    float: left;
    width: 306px;
    height: 306px;
    overflow: hidden;
    margin: 0 15px 85px;
}

.honor li a {
    display: block;
    width: 175px;
    height: 248px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.honor li a img {
    display: block;
    width: 100%;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.honor li a .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -100%;
    background: url("../images/honor_06.png") no-repeat center rgba(6, 108, 202, 0.8);
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.honor li span {
    display: block;
    line-height: 24px;
    width: 280px;
    margin: 23px auto 0;
    font-size: 14px;
    text-align: center;
    color: #232323;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.honor li a:hover .cover {
    bottom: 0;
}

.honor li a:hover img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

/*联系我们*/
.contact {
    margin-top: 85px;
}

.contact1_wrap {
    background: #f7f9fa;
    padding: 0 70px;
}

.contact1 {
    border-top: 1px solid #e6eded;
    overflow: hidden;
    padding: 0px 0 0px;
}

.contact1_wrap .contact1:first-child {
    border: none;
}

.contact1 .con {
    float: left;
    max-width: 510px;
    padding-top: 60px;
}

.contact1 .con2 {
    float: right;
}

.contact1 .con span {
    display: block;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
    color: #066cca;
}

.contact1 .con p {
    line-height: 28px;
    color: #666666;
    font-size: 15px;
}

.contact1 .pic {
    width: 500px;
    height: 300px;
    float: right;
    overflow: hidden;
    padding: 20px 0;
}

.contact1 .pic img {
    display: block;
    width: 100%;
}

.contact_form {
    overflow: hidden;
    padding: 46px 0 45px;
}

.contact_form .message {
    display: block;
    line-height: 36px;
    height: 36px;
    font-size: 13px;
    color: #bebebe;
    border: 1px solid #e6eded;
    width: 556px;
    padding: 0 15px;
    float: left;
    margin: 0 24px 23px 0;
    background: transparent;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.contact_form .message.two {
    margin-right: 0;
}

.contact_form .textarea {
    display: block;
    line-height: 24px;
    height: 145px;
    color: #bebebe;
    border: 1px solid #e6eded;
    width: 1020px;
    padding: 5px 15px;
    float: left;
    margin: 0 20px 0 0;
    background: transparent;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.contact_form .sub {
    line-height: 24px;
    color: #fff;
    border: none;
    float: left;
    display: block;
    width: 127px;
    height: 157px;
    padding-top: 58px;
    text-align: center;
    background: url("../images/contact_07.png") no-repeat #066cca;
    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.contact_form .message:hover,
.contact_form .textarea:hover {
    border-color: #066cca;
}

.contact_form .sub:hover {
    background-color: #1077d6;
}

.contact_map {
    width: 1200px;
    overflow: hidden;
    height: 448px;
}

.contact_map img {
    display: block;
    width: 100%;
}

/*招聘*/
.recruit {
    /*width: 1200px;*/
    max-width: 1200px;
    margin: 85px auto 0;
}
   .recruit h3{
       display: none;
       color: #000;
   }
@media screen and (max-width:1220px){
    .recruit{
        width: 96%;
    }
}
@media screen and (max-width:768px){
    .recruit{
        margin-top: 30px;
        font-size: 16px;
    }
    .recruit h3{
        display: block;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }
}

.recruit table {
    width: 100%;
}

.recruit table thead tr td {
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    background: #999999;
    min-width: 150px;
    padding: 0 10px 0 70px;
}

.recruit table tbody tr td {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    min-width: 150px;
    padding: 13px 10px 13px 70px;
}

.recruit table tbody tr.two td {
    background: #f4f4f4;
}

/*over*/

/*解决方案*/
.solution {
    margin-top: 86px;
}

.sol_tit {
    padding-top: 80px;
    text-align: center;
}

.sol_tit p {
    line-height: 28px;
    color: #666666;
    margin: 24px 0 55px;
}

.sol_tit_ul {
    border: 1px solid #c2c2c2;
}

.sol_tit_ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 5px;
    min-width: 130px;
    position: relative;
}

.sol_tit_ul li:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background: transparent;
    left: 0;
    top: -1px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.sol_tit_ul li:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background: transparent;
    left: 0;
    bottom: -1px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.sol_tit_ul li a {
    display: block;
    line-height: 50px;
    padding: 0 10px;
}

.sol_tit_ul li.on:before,
.sol_tit_ul li.on:after,
.sol_tit_ul li:hover:before,
.sol_tit_ul li:hover:after {
    background-color: #066cca;
}

.sol_tit_ul li a:hover,
.sol_tit_ul li.on a {
    color: #333;
}

.process {
    background: #f5f6fa;
    margin-bottom: 20px;
    margin-top: 22px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.process.on {
    padding: 30px 0 114px;
}

.process_tit {
    padding: 21px 40px 21px;
    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.process.on .process_tit {
    padding-bottom: 12px;
}

.process_tit span {
    line-height: 28px;
    position: relative;
    color: #282828;
    display: block;
    font-size: 18px;
}

.process_tit i {
    cursor: pointer;
    position: absolute;
    background: url("../images/solution_detail_36.png") no-repeat center;
    width: 21px;
    height: 100%;
    right: 0;
    top: 0;
}

.process.on .process_tit i {
    background-image: url("../images/icon2.jpg");
}

.process_con {
    overflow: hidden;
    display: none;
}

.process_con .left {
    float: left;
    width: 185px;
    margin-left: 40px;
    line-height: 24px;
    color: #757575;
}

.process_con .right {
    float: right;
    margin-top: 30px;
    width: 831px;
    overflow: hidden;
    background: url("../images/bg2_03.png") no-repeat 4px 115px;
    padding-left: 46px;
    margin-right: 91px;
}

.process_con .right li {
    background-position: center;
    background-repeat: no-repeat;
    width: 230px;
    margin: 0 24px 30px 23px;
    float: left;
    height: 230px;
    text-align: center;
}

.process_con .right li span {
    padding-top: 59px;
    display: block;
    line-height: 22px;
    height: 22px;
    font-size: 18px;
    font-family: "Arial";
    color: #333333;
}

.process_con .right li p {
    font-size: 18px;
    line-height: 26px;
    color: #333;
}

.process_con .right li.li_1 {
    background-image: url("../images/solution_detail_03.png");
}

.process_con .right li.li_2 {
    background-image: url("../images/solution_detail_05.png");
}

.process_con .right li.li_3 {
    background-image: url("../images/solution_detail_07.png");
}

.process_con .right li.li_4 {
    background-image: url("../images/solution_detail_16.png");
    float: right;
}

.process_con .right li.li_5 {
    background-image: url("../images/solution_detail_15.png");
    float: right;
}

.process_con .right li.li_6 {
    background-image: url("../images/solution_detail_13.png");
    float: right;
}

.process_con .right li.li_7 {
    background-image: url("../images/solution_detail_21.png");
}

.process_con .right li.li_8 {
    background-image: url("../images/solution_detail_22.png");
}

.process_con .right li.li_9 {
    background-image: url("../images/solution_detail_23.png");
}

.process_con .right li.li_10 {
    background-image: url("../images/solution_detail_31.png");
    float: right;
}

.process_con .right li.li_11 {
    background-image: url("../images/solution_detail_29.png");
    float: right;
}

.process_con .right li.li_12 {
    background-image: url("../images/solution_detail_27.png");
    float: right;
}

.sol_con2_wrap {
    position: relative;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.sol_con2_wrap:before {
    content: " ";
    background: #0060a1;
    width: 50%;
    left: 0;
    height: 100%;
    top: 0;
    position: absolute;
}

.sol_con2_wrap:after {
    content: " ";
    background: #f5f6fa;
    width: 50%;
    right: 0;
    height: 100%;
    top: 0;
    position: absolute;
}

.sol_con2 {
    width: 1200px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 77px 0 75px;
}

.sol_con2:before {
    content: " ";
    background: #0060a1;
    width: 330px;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 2;
    position: absolute;
}

.sol_con2:after {
    content: " ";
    background: #f5f6fa;
    width: 870px;
    right: 0;
    height: 100%;
    top: 0;
    z-index: 2;
    position: absolute;
}

.sol_left {
    float: left;
    width: 270px;
    position: relative;
    z-index: 3;
}

.sol_con2_wrap h5 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 35px;
    color: #333333;
}

.sol_con2_wrap h5.h5_w {
    color: #fff;
}

.sol_con2_wrap p {
    line-height: 28px;
    color: #fff;
}

.sol_right {
    width: 800px;
    float: right;
    position: relative;
    z-index: 3;
}

.adv_ul {
    overflow: hidden;
}

.adv_ul li {
    margin-left: 14px;
    float: left;
    width: 210px;
    border: 1px solid #cecece;
    padding: 20px 25px 15px 20px;
    background: #fff;
}

.adv_ul li:first-child {
    margin-left: 0;
}

.adv_ul li i {
    font-style: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 20px;
    line-height: 29px;
    color: #fff;
    margin-bottom: 20px;
    background: #066cca;
}

.adv_ul li span {
    min-height: 48px;
    display: block;
    line-height: 24px;
    color: #333333;
    font-size: 16px;
}

.adv_ul li .con {
    height: 96px;
    overflow: hidden;
    margin: 13px 0 4px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.adv_ul li .con p {
    line-height: 24px;
    color: #666;
}

.adv_ul li .icon {
    cursor: pointer;
    background: url("../images/solution_detail_44.jpg") no-repeat center;
    width: 35px;
    height: 35px;
    margin-left: -10px;
}

.adv_ul li .icon.on {
    background-image: url("../images/solution_detail_45.jpg");
}

.sol_con3_wrap:before {
    background-color: #dee8ed;
}

.sol_con3_wrap:after {
    background-color: #242a33;
}

.sol_con3_wrap .sol_con2:before {
    background-color: #dee8ed;
}

.sol_con3_wrap .sol_con2:after {
    background-color: #242a33;
}

.sol_con3_wrap .sol_left p {
    color: #666;
}

/*over*/

/*产品*/
.product {
    padding: 53px 0 0;
    width: 1200px;
    margin: 0 auto;
}

.product li {
    overflow: hidden;
    margin-top: 32px;
}

.product li .pic {
    background: #000;
    position: relative;
    display: block;
    width: 598px;
    height: 380px;
    float: left;
    overflow: hidden;
}

.product li.two .pic {
    float: right;
}

.product li .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.product li .pic:before {
    content: " ";
    width: 0;
    height: 1px;
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.product li .pic:after {
    content: " ";
    height: 0;
    width: 1px;
    position: absolute;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.product li .pic:hover:before {
    width: 100px;
    margin-left: -50px;
}

.product li .pic:hover:after {
    height: 100px;
    margin-top: -50px;
}

.product li .pic:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

.prod_con {
    border: 1px solid #e5e5e5;
    float: left;
    padding: 55px 35px 0 55px;
    width: 510px;
    height: 323px;
}

.prod_con span {
    display: block;
    font-size: 24px;
    line-height: 34px;
    color: #313638;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prod_con i {
    display: block;
    width: 37px;
    height: 1px;
    background: #e8e8e8;
    margin: 14px 0 18px;
}

.prod_con p {
    line-height: 28px;
    color: #666666;
    height: 112px;
    overflow: hidden;
}

.prod_con a {
    display: block;
    width: 149px;
    height: 34px;
    margin-top: 32px;
    background: url("../images/product_42.png") no-repeat center;
    border: 1px solid #c9c9c9;
}

.prod_con a:hover {
    background: url("../images/product_34.png") no-repeat 65px center #1077d6;
    margin-left: 10px;
    border-color: #1077d6;
}

.pd1_list {
    overflow: hidden;
    padding: 10px 0 30px;
}

.pd1_list b {
    cursor: pointer;
    float: left;
    font-weight: normal;
    text-align: center;
    display: block;
    margin-right: 7px;
    color: #333333;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 1px solid #e5e5e5;
    width: 140px;
    line-height: 37px;
}

.pd1_list b:hover,
.pd1_list b.on {
    color: #fff;
    background: #066cca;
    border-color: #066cca;
}

.pd1_con {
    height: 84px;
    overflow: hidden;
}

.pd1_con p {
    display: none;
}

.pd1_con p.on {
    display: block;
}

/*详情*/
.prod_detail {
    margin-top: 85px;
}

.prod_zoom {
    overflow: hidden;
    border: 1px solid #ececec;
    padding-right: 50px;
}

.prod_zoom .pic {
    float: left;
    margin: 0 50px 0 0;
    width: 440px;
    overflow: hidden;
}

.prod_zoom .pic img {
    display: block;
    width: 100%;
}

.prod_zoom .con {
    padding-bottom: 50px;
    padding-top: 24px;
}

.prod_zoom .con h1 {
    font-size: 24px;
    line-height: 34px;
    color: #333;
}

.prod_zoom .con i {
    display: block;
    width: 37px;
    height: 1px;
    background: #e8e8e8;
    margin: 17px 0 17px 490px;
}

.prod_zoom .con p {
    line-height: 28px;
    color: #666666;
}

.prod_para_list {
    padding: 0 34px 30px;
    border: 1px solid #e8e8e8;
    margin-bottom: 50px;
    margin-top: 36px;
}

.prod_para {
    padding-top: 33px;
}

.prod_para .tit {
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}

.prod_para .tit span {
    display: block;
    float: left;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    padding: 0 34px;
    background: #8c8c8c;
}

.prod_para .con {
    margin: 14px 2px 0;
}

.prod_para .con p {
    line-height: 28px;
    color: #666666;
    padding-left: 19px;
    background: url("../images/prod_detail_03.jpg") no-repeat left 11px;
}

/*over*/






/*over*/

/*合作案例*/
.case {
    width: 1200px;
    margin: 85px auto 0;
}

.case table {
    width: 100%;
}

.case table tbody tr td {
    width: 300px;
    padding: 0;
    height: 133px;
    border: 1px solid #ebebeb;
}

.case table tbody tr td a {
    display: block;
    width: 298px;
    height: 133px;
    position: relative;
}

.case table tbody tr td a .pic {
    width: 298px;
    height: 133px;
    overflow: hidden;
}

.case table tbody tr td a img {
    display: block;
    width: 298px;
    height: 133px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.case table tbody tr td a i {
    opacity: 0;
    filter: alpha(opacity=0);
    background: #fff;
    display: block;
    width: 302px;
    height: 137px;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 1;
    box-shadow: 0 0 10px #ccc;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.case table tbody tr td a:hover img {
    z-index: 4;
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.case table tbody tr td a:hover i {
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
}

.detail_content {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
}

.detail_content .wrap {
    position: relative;
}

.detail_content .wrap:before {
    content: " ";
    position: absolute;
    height: 100%;
    top: 14px;
    width: 1px;
    background: #f4f4f4;
    right: 320px;
}

.case_detail {
    width: 834px;
    float: left;
    padding-top: 80px;
}

.case_detail .tit {
    position: relative;
    padding: 0 200px 0 19px;
    margin-bottom: 17px;
    background: url("../images/case_detail_03.jpg") no-repeat left 3px;
}

.case_detail .tit h6 {
    font-size: 16px;
    color: #313638;
    line-height: 26px;
}

.case_detail .tit .date {
    overflow: hidden;
}

.case_detail .tit .date span {
    display: block;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    line-height: 19px;
    color: #cccccc;
}

.detail_share {
    position: absolute;
    right: 0;
    top: 6px;
    float: none !important;
}

.detail_share {
    color: #666 !important;
}

.detail_share a {
    background-color: #ccc !important;
}

.detail_share a:hover {
    background-color: #066cca !important;
}

.case_detail .con {
    padding-bottom: 46px;
}

.case_detail .con p {
    color: #666;
    text-indent: 2em;
}

.case_detail .con .pic {
    overflow: hidden;
    margin: 26px 0;
}

.case_detail .con .pic img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.keyword {
    overflow: hidden;
    margin-bottom: 30px;
}

.keyword span,
.keyword a {
    display: block;
    line-height: 24px;
    margin-right: 8px;
    float: left;
}

.keyword a {
    margin-right: 15px;
}

.keyword a:hover {
    color: #066cca;
}

.detail_page {
    overflow: hidden;
    margin-bottom: 65px;
}

.detail_page .back {
    width: 149px;
    height: 38px;
    text-align: center;
    color: #fff;
    line-height: 38px;
    float: left;
    background: #1077d6;
}

.detail_page .back:hover {
    text-decoration: underline;
}

.detail_page div {
    width: 246px;
    float: right;
    overflow: hidden;
    background: url("../images/case_detail_10.jpg") no-repeat center;
}

.detail_page div a {
    display: block;
    width: 90px;
    float: right;
    position: relative;
    line-height: 34px;
    color: #5e6568;
}

.detail_page div a.prev {
    text-align: right;
    float: left;
}

.detail_page div a i {
    cursor: pointer;
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    position: absolute;
    background: url("../images/environment_38.png") no-repeat center #f4f4f4;
    top: 0;
    left: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.detail_page div a.next i {
    background-image: url("../images/environment_44.png");
    left: auto;
    right: 0;
}

.detail_page div a:hover {
    color: #1077d6;
}

.detail_page div a.prev:hover i {
    background: url("../images/environment_40.png") no-repeat center #1077d6;
}

.detail_page div a.next:hover i {
    background: url("../images/environment_42.png") no-repeat center #1077d6;
}

.rec_right {
    width: 257px;
    float: right;
    margin-top: 80px;
    padding-bottom: 35px;
}

.rec_right h5 {
    font-size: 20px;
    line-height: 30px;
    color: #212121;
}

.rec_new {
    width: 257px !important;
    padding-top: 7px !important;
}

.rec_new a {
    width: 257px !important;
    height: 343px !important;
    margin: 5px 0 0 0 !important;
}

.rec_new a .pic {
    width: 257px !important;
    height: 171px !important;
}

/*over*/




/*新闻中心*/
.new {
    width: 1200px;
    margin: 0 auto 0;
    padding-top: 57px;
    overflow: hidden;
}

.new a {
    display: block;
    width: 387px;
    height: 439px;
    overflow: hidden;
    float: left;
    margin: 18px 19px 0 0;
}

.new a.three {
    margin-right: 0;
}

.new a .pic {
    width: 387px;
    height: 257px;
    overflow: hidden;
    margin-top: 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.new a .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.new a .con {
    padding-top: 19px;
    height: 153px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.new a .con span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.new a .con p {
    line-height: 24px;
    color: #666666;
    height: 48px;
    overflow: hidden;
    margin: 10px 0 5px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.new a .con i {
    display: block;
    width: 71px;
    font-style: normal;
    color: #999999;
    line-height: 54px;
    overflow: hidden;
    height: 54px;
    background: url("../images/new_22.png") no-repeat right center;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.new a:hover .pic img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.new a:hover span,
.new a:hover p {
    color: #fff;
}

.new a:hover .con i {
    color: #fff;
    background: url("../images/new_19.png") no-repeat right center;
}

.new a:hover .pic {
    margin-top: 0;
}

.new a:hover .con {
    background: #1077d6;
    padding-left: 25px;
    padding-right: 15px;
}

.faq {
    padding-top: 48px;
    width: 1200px;
    margin: 0 auto;
}

.faq li {
    background: #f5f5f5;
    padding: 31px 30px 40px;
    margin-top: 37px;
}

.faq li h5 {
    margin-bottom: 23px;
    line-height: 26px;
    color: #333333;
    font-size: 16px;
    padding: 0 0 13px 28px;
    border-bottom: 1px dashed #bbbbbb;
    background: url("../images/faq_03.jpg") no-repeat left 7px;
}

.faq li span {
    display: block;
    font-size: 15px;
    color: #47aef8;
    line-height: 25px;
    margin-bottom: 4px;
}

.faq li p {
    line-height: 28px;
    color: #666666;
}

.download {
    width: 1200px;
    margin: 0 auto;
    padding-top: 54px;
    overflow: hidden;
}

.download a {
    display: block;
    width: 131px;
    float: left;
    height: 212px;
    overflow: hidden;
    margin: 20px 136px 0 0;
}

.download a.five {
    margin-right: 0;
}

.download a .icon {
    width: 131px;
    height: 131px;
    background: url("../images/download_03.jpg") no-repeat center;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.download a span {
    display: block;
    line-height: 24px;
    color: #7e7d7d;
    margin-top: 10px;
}

.download a:hover .icon {
    background-image: url("../images/download_07.jpg");
}

/*over*/

/*分页*/
.page {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}

.page a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30px;
    height: 30px;
    border: 1px solid #dedede;
    color: #7e7d7d;
    line-height: 30px;
    margin: 0 4px;
    font-family: "Arial";
}

.page a.page_prev {
    background: url("../images/environment_38.png") no-repeat center;
}

.page a.page_next {
    background: url("../images/environment_44.png") no-repeat center;
}

.page a:hover,
.page a.on {
    color: #fff;
    background: #1077d6;
    border-color: #1077d6;
}

.page a.page_prev:hover {
    background: url("../images/environment_40.png") no-repeat center #1077d6;
}

.page a.page_next:hover {
    background: url("../images/environment_42.png") no-repeat center #1077d6;
}

/*over*/

/*友情链接*/
.friend {
    padding: 17px 0;
    border-bottom: 1px solid #ffffff;
    background: #f4f4f4;
}

.friend span {
    display: block;
    color: #999999;
    line-height: 34px;
    float: left;
    margin-right: 5px;
}

.friend a {
    display: block;
    color: #999999;
    line-height: 34px;
    margin-right: 45px;
    float: left;
}

.friend a:hover {
    color: #066cca;
}

/*over*/

/*底部*/
.footer {
    background: #242a33;
    margin-top: 40px;
}

.foot {
    width: 1200px;
    margin: 0 auto;
    padding: 53px 0 40px;
    overflow: hidden;
}

.ft_nav {
    float: left;
    /* width: 1014px; */
    overflow: hidden;
}

.ft_nav li {
    width: 118px;
    float: left;
    margin-left: 17px;
}

.ft_nav li:first-child {
    margin-left: 0;
}

.ft_nav li a {
    display: block;
    line-height: 24px;
    color: #6d7177;
    margin-bottom: 4px;
}

.ft_nav li a:first-child {
    color: #fff;
    margin-bottom: 20px;
}

.ft_right {
    float: left;
    width: 550px;
    margin-top: 30px;
}

.ft_right .p1 {
    height: 36px;
    margin-top: 4px;
    line-height: 36px;
    color: #fff;
    font-size: 18px;
}

.ft_right .p2 {
    font-size: 24px;
    line-height: 40px;
    color: #dfe3e7;
    font-weight: lighter;
}

.ft_ewm {
    width: 100px;
    margin: 9px 0 5px;
}

.ft_ewm img {
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.ft_ewm span {
    display: block;
    line-height: 35px;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.ft_right .p3 {
    line-height: 19px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 13px;
}

.bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0 50px;
}

.ft_share {
    float: right;
    width: 155px;
    padding-left: 10px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.3);
    background: url("../images/product_66.png") no-repeat left center;
}

.ft_share .bshare-custom {
    float: right;
    overflow: hidden;
}

.ft_share .bshare-custom a {
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 0 0 6px;
    border-radius: 100%;
    padding: 0;
    float: left;
}

.ft_share .bshare-custom a.bshare-qzone {
    background: url("../images/product_51.png") no-repeat center #323b48;
}

.ft_share .bshare-custom a.bshare-sinaminiblog {
    background: url("../images/product_54.png") no-repeat center #323b48;
}

.ft_share .bshare-custom a.bshare-weixin {
    background: url("../images/product_56.png") no-repeat center #323b48;
}

.ft_share .bshare-custom a.bshare-qzone:hover {
    background: url("../images/product_61.png") no-repeat center #1077d6;
    opacity: 1;
    filter: alpha(opacity=100);
}

.ft_share .bshare-custom a.bshare-sinaminiblog:hover {
    background: url("../images/product_69.png") no-repeat center #1077d6;
    opacity: 1;
    filter: alpha(opacity=100);
}

.ft_share .bshare-custom a.bshare-weixin:hover {
    background: url("../images/product_72.png") no-repeat center #1077d6;
    opacity: 1;
    filter: alpha(opacity=100);
}

.ft_bot_right {
    float: right;
    overflow: hidden;
    margin-top: 30px;
}

.ft_bot_right p {
    float: right;
    color: #6c7076;
    line-height: 26px;
}

.ft_bot_right a {
    color: #6c7076;
    line-height: 26px;
}

.ft_bot_right .pic {
    width: 47px;
    height: 11px;
    float: right;
    overflow: hidden;
    margin: 6px 13px 0;
}

.ft_bot_right .pic img {
    display: block;
    width: 47px;
}

.ft_map {
    margin: 0 16px;
    width: 135px;
    float: right;
    overflow: hidden;
    background: url("../images/product_75.jpg") no-repeat center;
}

.ft_map a {
    display: block;
    float: right;
}

.ft_map a:first-child {
    float: left;
}

.footer a:hover,
.ft_nav li a:first-child:hover {
    color: #1077d6;
}

/*over*/

/*客服*/
.qqkefu {
    position: fixed;
    top: 50%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
    right: 10px;
    width: 39px;
}

.qqkefu ul li {
    width: 45px;
    height: 45px;
    margin-bottom: 1px;
    float: right;
    background: #1077d6;
    line-height: 45px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.qqkefu ul li a {
    color: #fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
}

.qqkefu ul li.qq_cza {
    overflow: hidden
}

.qqkefu ul li:hover {
    background: #096fce;
}

.qqkefu ul li.top {
    background: url("../images/back.png") no-repeat center #1077d6;
    position: relative;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.qqkefu ul li.top:hover {
    background: url("../images/back.png") no-repeat center #096fce;
}

.qqkefu ul li b {
    width: 45px;
    height: 45px;
    display: block;
    overflow: hidden;
    float: right;
}

.qqkefu ul li span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

.qqkefu ul li b.a {
    background: url(../images/qq.png) no-repeat center center;
}

.qqkefu ul li b.b {
    background: url(../images/zixun.png) no-repeat center center;
}

.qqkefu ul li b.c {
    background: url(../images/weixin.png) no-repeat center center;
}

.qqkefu ul li b.e {
    background: url(../images/tel.png) no-repeat center center;
}

.qqkefu ul li.qq_czae {
    line-height: 15px !important
}

.erweima {
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display: none;
    /*overflow: hidden;*/
}

.erweima p {
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}

.erweima p img {
    width: 110px;
    height: 110px;
    margin: 10px 10px 0 10px;
}

.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    background: url(../images/czx6.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 122px;
}

.page .frist {
    display: none
}

.proc_right {
    float: right;
    width: 831px;
    padding: 0 46px;
    margin-right: 80px;
    overflow: hidden;
}

.proc_right li {
    float: left;
    width: 230px;
    position: relative;
    margin: 0 24px 30px 23px;
    height: 230px;
    text-align: center;
}

.proc_right li:first-child:before {
    content: " ";
    background: #eaeaec;
    height: 3px;
    width: 70px;
    position: absolute;
    z-index: 1;
    left: -70px;
    top: 50%;
    margin-top: -1px;
}

.proc_right li.li2:before {
    content: " ";
    background: #eaeaec;
    height: 3px;
    width: 340px;
    position: absolute;
    z-index: 1;
    left: -60px;
    top: 50%;
    margin-top: -1px;
}

.proc_right li.li3:before {
    content: " ";
    background: url("../images/csyh3_07.png") no-repeat center;
    height: 168px;
    width: 34px;
    position: absolute;
    z-index: 1;
    right: -20px;
    top: 165px;
}

.proc_right li.li4:before {
    content: " ";
    background: url("../images/csyh3_11.png") no-repeat center;
    height: 168px;
    width: 40px;
    position: absolute;
    z-index: 1;
    left: -24px;
    top: 162px;
}

.proc_right li .bg_img {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}

.proc_right li .bg_img img {
    display: block;
    width: 100%;
}

.proc_right li i {
    position: relative;
    z-index: 3;
    color: #333333;
    display: block;
    padding-top: 55px;
    font-family: "Arial";
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
}

.proc_right li span {
    position: relative;
    z-index: 3;
    display: block;
    font-size: 15px;
    line-height: 26px;
    color: #333333;
    width: 190px;
    margin: 0 auto 10px;
}

.proc_right li .icon {
    width: 120px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.proc_right li .icon img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*2017/9/28*/
.ind1 {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    /* overflow: hidden; */
}

.ind1 a {
    display: block;
    float: left;
    width: 170px;
    padding: 68px 35px 0;
    height: 332px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.ind1 a .pic {
    display: block;
    width: 123px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 100%;
    height: 123px;
}

.ind1 a .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.ind1 a span {
    display: block;
    margin: 25px 0 12px;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.ind1 a p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 22px;
    height: 88px;
    color: #666666;
    overflow: hidden;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: left;
}

.ind1 a:hover {
    background-color: #1077d6;
}

.ind1 a:hover .pic img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ind1 a:hover span,
.ind1 a:hover p {
    color: #fff;
}

/*下拉导航*/
.drop_nav {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 52px;
    background: #fff;
    z-index: 100;
    text-align: center;
}

.drop_nav a {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #666;
    padding: 7px 10px;
    border-top: 1px solid #eee;
}

.drop_nav a:first-child {
    border: none;
}

.drop_nav a:hover {
    background-color: #1077d6;
    color: #fff;
}

.hzhb a {
    display: block;
    width: 373px;
    height: 365px;
    overflow: hidden;
    float: left;
    margin: 18px 19px 19px 0;
    border: 1px solid #a8b8c7;
    margin-left: 10px;
}

.hzhb a:hover {
    box-shadow: 0px 0px 14px 2px #1077d6;
}

.hzhb a .con {
    border-top: 1px solid #a8b8c7;
    padding-left: 10px;
    padding-top: 19px;
    height: 88px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.search {
    position: relative;
    float: right;
    width: 200px;
    height: 36px;
    margin: 20px 0px 0 0px;
    border: 1px solid #eee;
}

.search .kwords {
    border: none;
    height: 33px;
    line-height: 33px;
    padding-left: 5px;
}

.search .button {
    background-image: url(../images/search_ico.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    height: 36px;
    border: none;
    background-color: transparent;

}

/*ht: 36px;*/
/*border: none;*/
/*background-color: transparent;*/

/*}*/


/*2025-10-11*/
@media screen and (max-width:1400px) {
    .ind2_list .hd .prev {
        left: 0px;
        z-index: 20;
    }

    .ind2_list .hd .next {
        right: 0px;
        z-index: 20;
    }

    .ind3_list1 {
        position: relative;
    }

    .ind3_list1 .hd {
        z-index: 2;
        right: 0px;
    }

    .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nav>li {
        width: 100%;
        text-align: center;
    }

    .nav>li:first-child {
        width: 100%;
    }
}

.footer>.bottom>div {
    width: 1200px;
}

@media screen and (max-width:1200px) {

    .nav,
    .foot,
    .footer>.bottom>div,
    .wrap {
        width: 96%;
    }

    .ft_nav {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .ft_nav li {
        width: 100%;
        float: none;
    }

    .header {}

    .hd_top.wrap,
    .head {
        display: none;
    }
}






@media only screen and (min-width : 768px) {
    .navigation {
        margin-top: 3px;
        width: 320px !important;
        right: 0px;
    }
}


.header.phoneduan {
    background-color: #185aa9;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 9999999;
}

.page-logo {
    max-width: 175px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.overlay {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.overlay-pattern {
    background-image: url(../images/repeat.png);
    background-repeat: repeat;
}


.show-navigation {
    right: 0px;
    background-image: url(../../images/deploy-nav.png);
    background-size: 18px 12px;
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 20px 23px;
    background-color: rgba(255, 255, 255, 0.05);
}

.hide-navigation {
    display: none;
    right: 0px;
    background-image: url(../../images/delete-nav.png);
    background-size: 24px 15px;
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 18px 22px;
    background-color: rgba(255, 255, 255, 0.05);
}


.page-header-clear {
    height: 60px;
}

.navigation-wrapper {
    border-top: solid 1px rgba(255, 255, 255, 0.08);
    background-color: rgba(255, 255, 255, 0.05);
}

.navigation {
    border-bottom: solid 5px #e34e47;
    background-color: #185aa9;
    position: absolute;
    width: 100%;
    z-index: 999999;
    top: -300%;
    /*top: 60px;*/
}





.nav-item a {
    /* opacity:0.8; */
    font-size: 14px;
    font-family: 'Dosis' sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.0px;
    padding-left: 70px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 60px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    background-position: 20px 18px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    display: block;
}

.nav-item a:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.homepage-icon {
    background-image: url(../images/homepage.png);
}

.landing-icon {
    background-image: url(../images/landing.png);
}

.features-icon {
    background-image: url(../images/features.png);
}

.camera-icon {
    background-image: url(../images/camera.png);
}

.portfolio-icon {
    background-image: url(../images/portfolio.png);
}

.video-icon {
    background-image: url(../images/videos.png);
}

.contact-icon {
    background-image: url(../images/contact.png);
}

.selected-item {
    background-image: url(../images/nav_selected.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 23px;
    margin-top: 23px;
}

.unselected-item {
    background-image: url(../../images/nav_unselected.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 23px;
    margin-top: 23px;
}

.dropdown-item {
    background-image: url(../images/nav_dropup.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 23px;
    margin-top: 23px;
}

.active-dropdown {
    background-image: url(../images/nav_dropdown.png);
}

.submenu {
    display: none;
}

.submenu-active {
    display: block;
}

.submenu a {
    /* opacity:0.5; */
    display: block;
    background-image: url(../../images/nav-submenu.png);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    background-position: 50px 25px;
    padding-left: 90px;
}

.pcduan {
    display: block;
}

.phoneduan {
    display: none;
}

@media screen and (max-width:1200px) {
    .phoneduan {
        display: block;
    }

    .header.phoneduan {}
}

.ind1 {
    clear: both;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 60px;
}

@media screen and (max-width: 768px) {
    .ind1 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .ind1 a {
        padding: 0px;
        width: auto;
    }
}

@media screen and (max-width:1220px) {

    .ind1,
    .ind2_list,
    .ind3_tit {
        width: 96%;
    }

    .ind3_con1:after {
        top: auto;
        bottom: 0px;
    }

    .ind2_tit,
    .ind2_list .bd {
        width: 96%;
    }

    .ind2>.ind2_list {
        width: 980px;
    }

    .ind3_con2,
    .ind3_list1,
    .ind3_con3,
    .case {
        width: 100%;
    }

    .case table tbody tr td a .pic,
    .case table tbody tr td a img,
    .case table tbody tr td,
    .case table tbody tr td a {
        width: 100%;
        display: block;
    }

    .case table tbody tr td {
        width: 25%;
    }

    .ind3_list1 {
        /*background: red;*/
        /*width: 800px;*/
    }

    .ind3,
    .footer,
    .friend {
        display: none;
    }

    .qqkefu {
        width: 100%;
        top: auto;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .qqkefu ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .qqkefu ul li,
    .qqkefu ul li.top {
        width: 100%;
    }

    .qqkefu ul li {
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .qqkefu ul li a {
        font-size: 0px;
        display: block;
        text-align: center;
    }
}

.ind3 {
    overflow: hidden;
}

@media screen and (max-width:992px) {
    .ind2>.ind2_list {
        width: 735px;
    }
}

@media screen and (max-width:768px) {
    .ind2>.ind2_list {
        width: 490px;
    }

    .ind1 {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-bottom: 100px;
    }

    .ind1 a {
        height: auto;
    }

    .ind2 {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .ind2>.ind2_list {
        width: 245px;
    }

    .ind2_list .hd .next {
        right: -40px;
    }

    .ind2_list .hd .prev {
        left: -40px;
    }

    .ind2_list .bd ul li {
        margin-left: 8px;
    }

    .ind1 {
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 40px), 1fr));
        gap: 20px;
    }

    .ind1 a .pic {
        border-radius: 20px;
        width: auto;
        height: auto;
    }
}

.case_detail {
    max-width: 834px;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width:1220px) {
    .detail_content .wrap:before {
        display: none;
    }

    .case_detail {
        width: calc(100% - 300px);
    }

    .new,
    .page {
        width: 96%;
    }

    .new a {
        width: calc(50% - 20px);
        margin: 0px;
    }

    .new a .pic {
        /*width: 48%;*/
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .new a .pic img {
        width: auto;
        height: auto;
        object-fit: cover;
    }

    .content {
        overflow: hidden;
    }

    .content .new {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0px;
        margin: 0px auto;
    }

    .wrap.wkxwly .abo_pic {
        display: none;
    }

    .sol_left {
        width: 96%;
        margin: auto;
        float: none;
    }

    .sol_con2 {
        width: 100%;
    }

    .sol_right {
        width: 93%;
        float: none;
        margin: auto;
        background: #f5f6fa;
        padding: 20px 2%;
    }

    .sol_con2_wrap {

        box-sizing: box-sizing;
    }

    .sol_con2_wrap:before {
        width: 100%;
        background: #0060a1;
    }

    .sol_con2:after,
    .sol_con2:before {
        display: none;
    }

    .sol_con2_wrap:after {
        display: none;
    }

    .sol_con2_wrap.sol_con3_wrap:before {
        background: #dee8ed;
    }

    .sol_con2>.sol_right {
        /*background: #242a33;*/
        margin-top: 20px;
    }

    .adv_ul li {
        /*width: 96%;*/
        width: auto;
        margin: 0px;
        margin-bottom: 10px;
        float: none;
        padding: 20px;
    }

    .sol_con2 {
        /*display: none;*/
    }

    .process_tit {
        padding: 20px 10px;
    }

    .sol_con2_wrap.sol_con3_wrap .sol_right {
        background: #242a33;
    }
}

@media screen and (max-width:1080px) {
    .rec_right {
        display: none;
    }

    .case_detail {
        width: 100%;
        max-width: none;
        padding-top: 20px;
    }

    .menu2 {
        display: none;
    }

    .detail_share {
        position: unset;

    }

    .ft_share {
        float: right;
        padding-left: 0px;
        padding-top: 10px;
        /*width: 100%;*/
    }

    .case_detail .tit {
        padding: 0px;
        padding-left: 20px;
    }

    .detail_page div {
        width: auto;
    }

    .sol_tit {
        padding-top: 20px;
    }

    .menu .wrap {
        /*display: none;*/
    }

}

img {
    max-width: 100%;
}

@media screen and (max-width:640px) {
    .new a {
        width: 100%;
        margin: 0px;
    }
}

.solution-mobile {
    display: none;
}

.column-responsive img {
    width: 100px;
    float: left;
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.column-responsive strong {
    margin-top: 0px;
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    color: #1a1a1a;
}

.column-responsive em {
    font-style: normal;
    font-size: 12px;
    line-height: 15px;
}

@media screen and (max-width:1220px) {

    .ind2_list .hd .next,
    .ind2_list .hd .prev {
        display: none;
    }

    .ind2_list.solution .tempWrap {
        display: none;
    }

    .ind2_list.solution .picList {
        display: none;
    }

    /*.ind2_list.solution .bd{*/
    /*    display: none;*/
    /*}*/
    .solution-mobile {
        display: block;
    }

    .column-responsive a {
        display: block;
        width: 100%;
    }

    .column-responsive img {
        /*float: none;*/
    }

    .column-responsive {
        float: left;
        width: 100%;
    }

    .solution {
        margin-top: 40px;
    }
}

.develop {
    max-width: 1200px;
    width: 100%;
}

.content {
    /*max-width: 1200px;*/
    width: 100%;
    margin: auto;
}

@media screen and (max-width: 768px) {
    .content {
        /*max-width: 1200px;*/
        width: 100%;
        /* margin: auto; */
    }
}


@media screen and (max-width:1220px) {
    .develop {
        width: 96%;
        margin-top: 20px;
        padding-bottom: 50px;
        background: transparent;
    }

    .li_1>.pic,
    .li_2>.pic,
    .li_3>.pic,
    .li_4>.pic,
    .li_5>.pic {
        display: none;
    }

    .develop li .con span {
        display: none;
    }

    .qywh li .con i,
    .develop li .con p {
        margin-left: 0px;
        width: 100%;
    }

    .develop li .con {
        margin-top: 0px;
    }

    .develop li {
        padding-bottom: 20px;
    }

    .content {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }

    .environment li {
        width: 100%;
    }

    .environment li .pic {
        width: 100%;
    }

    .environment li .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .environment {
        width: 96%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
        gap: 30px;
        flex-wrap: wrap;
    }

}

@media screen and (max-width:660px) {
    .environment {
        width: 96%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        gap: 30px;
        flex-wrap: wrap;
    }
}


/*zhengshu start*/
@media screen and (max-width:1220px) {
    .honor {
        max-width: 100%;
        width: 100%;
        padding: 0px;
        padding-top: 50px;
        box-sizing: box-sizing;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
        gap: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
        background-size: cover;
    }

    .honor li {
        width: auto;
        margin: 0px;
        margin-bottom: 30px;
        background-size: 100% auto;
    }

    .honor li span {
        width: 100%;
    }

    .honor li a {
        max-width: 175px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contact1_wrap {
        overflow-x: auto;
    }
}


@media screen and (max-width:480px) {
    .honor {
        max-width: 100%;
        width: 100%;
        padding: 0px;
        padding-top: 50px;
        box-sizing: box-sizing;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        gap: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
        background-size: cover;
    }
}

/*zhengshu end*/


/*hczx start*/
@media screen and (max-width:1220px) {
    .product {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .product li .pic {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
    }

    .product li .pic img {
        width: auto;
    }

    .product li {
        clear: bold;
        overflow: visible;
    }

    .prod_con {
        width: 100%;
        padding: 40px;
        box-sizing: border-box;
        height: auto;
    }

    .pd1_con {
        height: auto;
    }

    .pd1_list b {
        margin-bottom: 10px;
    }

    .prod_con p {
        height: auto;
    }
}

@media screen and (max-width:768px) {
    .prod_con {
        padding: 20px;
    }
}

.page {
    clear: both;
    margin-bottom: 40px;
    padding-top: 40px;
}

/*hczx end*/


/*faq start*/
.faq {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
}

@media screen and (max-width:1220px) {
    .faq {
        width: 96%;
    }
}

/*faq end*/


/*download start*/
.navigation {
    display: none;
}

@media screen and (max-width:1220px) {
    .navigation {
        display: block;
    }

    .download a .icon {
        margin-left: auto;
        margin-right: auto;
    }

    .download a {
        display: block;
        width: auto;
        margin: 0px;
    }

    .download {
        max-width: 1200px;
        width: 96%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        flex-wrap: wrap;
        gap: 100px;
        text-align: center;
    }
}

@media screen and (max-width:768px) {
    .ban {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .download {
        gap: 40px;
    }
}

blockquote {
    width: 100%;
    margin: 0px !important;
}

/*.tempWrap,.abo_pic .bd ul li{*/
/*    width: 100% !important;*/
/*}*/
/*.picList.list-paddingleft-2{*/
/*     width: 100% !important;*/
/*}*/
.phone_logo {
    display: none;
}

/*download end*/
@media screen and (max-width:991px) {
    .contact.wrap {
        margin-top: 30px;
    }

    .contact1_wrap {
        padding: 20px;
    }

    .product {
        padding: 0px;
    }

    .prod_detail {
        margin-top: 40px;
    }
    .bread{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .bread a,.bread span, .bread i{
        line-height: 24px;
    }
    .ind1 a:hover{
        background: transparent;
    }
    .ind1 a:hover .pic img{
        opacity: 1;
    }
    .ind1 a:hover span, .ind1 a:hover p{
        color: #000;
    }
}


/*.content .wrap .abo_pic .bd{*/
/*    aspect-ratio: 16/9;*/
/*}*/
 .content .wrap .abo_pic .bd ul li{
        margin-bottom: 20px;
    }
@media screen and (max-width:991px){
    .content .wrap .abo_pic{
    width: 100% !important;
    }
    .content .wrap .abo_pic .hd{
        display: none;
    }
    .content .wrap .abo_pic .bd ul li{
        width: 100% !important;
        margin-bottom: 20px;
    }
    .content .wrap .abo_pic .bd ul li img {
        width: 100% !important;
        
    }
    .content .wrap .abo_pic .bd .tempWrap {
        width: 100% !important;
    }
    .content .wrap .abo_pic .bd .tempWrap .picList.list-paddingleft-2{
        width: 100% !important;
        left: 0px !important;
    }
    .wrap.wkxwly .abo_pic{
        display: block;
    }
    
    
    .wrap.wkxwly .abo_pic{
        display: block;
    }
    .abo_pic{
    width: 100% !important;
    }
    .abo_pic .hd{
        display: none;
    }
    .abo_pic .bd ul li{
        width: 100% !important;
        margin-bottom: 20px;
        aspect-ratio: 16/9 !important;
    }
    .abo_pic .bd ul li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    .abo_pic .bd .tempWrap {
        width: 100% !important;
    }
    .abo_pic .bd .tempWrap .picList.list-paddingleft-2,
    .abo_pic .bd .tempWrap .picList{
        width: 100% !important;
        left: 0px !important;
    }
   
}